<template>
  <div>
    <button class="btn" @click="handleClick">{{ButtonType}}</button>
  </div>
</template>

<script>
export default {
  props: ["ButtonType"],
  methods: {
    // 处理点击按钮事件
    handleClick() {
      // 主动触发 向父组件发送一个提交事件
      this.$emit("submit");
    },
  },
};
</script>

<style lang="less" scoped>
.btn {
  width: 100%;
  height: 48/360 * 100vw;
  border-radius: 24/360 * 100vw;
  border: none;
  color: #fff;
  font-size: 20/360 * 100vw;
  margin-top: 30/360 * 100vw;
  // 点击后去除外轮廓线
  outline: none;
  background-color: #cc3300;
}
</style>